<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #first {
            width: 1000px;
            height: 1450px;
            background-color: white;
            margin-left: auto;
            margin-right: auto;
        }
        
        li {
            list-style: none;
            float: left;
            margin-left: 20px;
            margin-top: 30px;
        }
        
        #dress {
            padding-top: 18px;
        }
        
        .top {
            float: left;
            padding-left: 50px;
            margin-top: 50px;
        }
        
        #five {
            position: relative;
            top: -26px;
            font-size: 20px;
            color: skyblue;
        }
        
        a:hover {
            color: skyblue;
        }
        
        a {
            text-decoration: none;
            color: black;
        }
        
        h1 {
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            border-bottom: skyblue 3px solid;
            width: 128px;
        }
        
        #one {
            margin-left: 260px;
            background-color: black;
        }
        
        .all {
            border: skyblue 3px solid;
            background-color: lightskyblue;
        }
        
        .bottom:hover {
            color: white;
        }
        
        .three {
            width: 200px;
            height: 300px;
            background-color: rgb(216, 211, 211);
            margin-top: 200px;
            margin-left: 80px;
        }
        
        .three .four {
            margin-top: 20px;
        }
        
        h3 {
            height: 220px;
            width: 200px;
        }
        
        p {
            margin: 0px;
        }
        
        #six {
            display: inline-block;
            width: 78px;
            height: 30px;
            background-color: skyblue;
        }
        
        #eight {
            margin-top: -319px;
            margin-left: 350px;
        }
        
        #nine {
            margin-top: -319px;
            margin-left: 620px;
        }
        
        #ten {
            margin-top: 50px;
            margin-left: 80px;
        }
        
        #eleven {
            margin-top: -317px;
            margin-left: 350px;
        }
        
        #twelve {
            margin-top: -318px;
            margin-left: 620px;
        }
        
        #thirteen {
            width: 700px;
            margin-left: 130px;
        }
        
        #fourteen {
            border: rgba(47, 50, 51) 1px solid;
            width: 999px;
            height: 400px;
            background-color: rgba(47, 50, 51);
        }
        
        #two {
            color: white;
            margin-left: 90px;
        }
        
        #sixteen {
            border: 1px white solid;
        }
        
        #aaa {
            margin-bottom: -80px;
            margin-left: 10px;
        }
        
        dl {
            display: inline-block;
            padding: 0 0px;
            position: relative;
            top: 60px;
            color: white;
            line-height: 30px;
        }
        
        dt {
            margin-left: 40px;
            font-size: 20px;
        }
        
        #dome {
            position: relative;
            top: 100px;
        }
        
        .acd {
            width: 100%;
            height: 200px;
        }
        
        #sss {
            margin-left: -50px;
        }
        
        #ddd {
            width: 1000px;
            height: 300px;
            background-color: rgba(90, 79, 79, 0.404);
            position: relative;
            top: 50px;
        }
        
        #ddd p,
        h2,
        #ccc {
            color: white;
        }
        
        #ccc {
            border: 1px white solid;
            background-color: turquoise;
            position: relative;
            top: 70px;
        }
        
        .vvv {
            position: relative;
            top: 20px;
        }
        
        #bbb {
            width: 1000px;
            height: 300px;
            position: relative;
            top: 50px;
            background-color: rgba(73, 71, 71, 0.507);
        }
        
        #mmm {
            position: relative;
            top: -162px;
            left: 370px;
        }
        
        #fff {
            position: relative;
            left: 740px;
            top: -344px;
        }
        
        #nnn {
            position: relative;
            top: 20px;
            left: 10px;
        }
        
        .ggg {
            position: relative;
            top: 30px;
        }
        
        .hhh {
            display: inline-block;
        }
        
        #id {
            border-bottom: skyblue 3px solid;
            width: 128px;
            margin-left: 20px;
        }
        
        #jjj {
            position: relative;
            right: -500px;
            top: -100px;
        }
        
        #lll {
            margin-top: 200px;
        }
        
        #qqq {
            position: relative;
            top: -400px;
        }
        
        #www {
            width: 500px;
            position: relative;
            top: -400px;
            left: 500px;
        }
        
        .rrr {
            position: relative;
            left: 500px;
            top: 2px;
        }
        
        #ttt {
            margin-top: -22px;
        }
    </style>
</head>

<body>
    <div id="first">
        <p class="top"><img src="logo.png" alt=""> <span id="five">上善若水|一站式企业服务</span></p>

        <ul id="dress">
            <li class="top"><a href="">首页</a></li>
            <li class="top"><a href="">公司注册</a></li>
            <li class="top"><a href="">代理记账</a></li>
            <li class="top"><a href="">商标服务</a></li>
            <li class="top"><a href="">审计验资</a></li>
        </ul>
        <br>
        <br>
        <div>
            <div id="ddd">
                <p class="vvv">
                    <h2 class="vvv">探索用户体验与工程实践</h2>
                </p>
                <p class="vvv" style="text-align: center;">SEE = Seeking Experience & Engineering，意为探索用户体验与工程实践，由蚂蚁金服集团每年举办1-2次， 包括专业分享、产品展台、Workshop等内容。
                    <br><a href="" id="ccc">了解更多</a>
                </p>
            </div>
            <div id="bbb">
                <div id="nnn" style="border: 1px black solid; width: 250px; height: 180px;">
                    <img class="ggg" src="600.png" alt="" width="80px">
                    <p class="hhh">一对一服务<br>全程代办最快7天下证</p>
                </div>
                <div id="mmm" style="border: 1px black solid; width: 250px; height: 180px; ">
                    <img class="ggg " src="600.png " alt=" " width="80px ">
                    <p class="hhh">全程透明<br>全程代办最快7天下证</p>
                </div>
                <div id="fff" style="border: 1px black solid; width: 250px; height: 180px;">
                    <img class="ggg" src="600.png" alt="" width="80px">
                    <p class="hhh">便携规范<br>全程代办最快7天下证</p>
                </div>
            </div>
            <h1>省心套餐</h1>
            <div>
                <div class="three">
                    <span class="four">
                    <h3 style="text-align: center;"><b>公司注册+代理记账￥6888</b><br>公司免费核名<br>公司注册<br>小规模零申报<br>记账报税<br>工商年报</h3>
                
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="" style="border: 1px white solid; background-color: turquoise;">立即咨询</a></p>
                    </span>
                </div>
                <div class="three" id="eight">
                    <span class="four">
                    <h3 style="text-align: center;"><b>公司注册+代理记账￥6888</b><br>公司免费核名<br>公司注册<br>小规模零申报<br>记账报税<br>工商年报</h3>
                
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""  style="border: 1px white solid; background-color: turquoise;">立即咨询</a></p>
                    </span>
                </div>
                <div class="three" id="nine">
                    <span class="four">
                    <h3 style="text-align: center;"><b>公司注册+代理记账￥6888</b><br>公司免费核名<br>公司注册<br>小规模零申报<br>记账报税<br>工商年报</h3>
                
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""  style="border: 1px white solid; background-color: turquoise;">立即咨询</a></p>
                    </span>
                </div>
            </div>
            <h1>热门服务</h1>
            <ul id="one">
                <li class="all"><a class="bottom" href="">公司注册</a></li>
                <li class="all"><a class="bottom" href="">代理记账</a></li>
                <li class="all"><a class="bottom" href="">资质审批</a></li>
                <li class="all"><a class="bottom" href="">审计验资</a></li>
                <li class="all"><a class="bottom" href="">商标</a></li>
            </ul>
        </div>
        <div>
            <div class="three">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>有限公司注册</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <div class="three" id="eight">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>公司注册+代理记账</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <div class="three" id="nine">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>公司注册+代理记账</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <div class="three" id="ten">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>公司注册+代理记账</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <div class="three" id="eleven">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>公司注册+代理记账</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <div class="three" id="twelve">
                <span class="four">
                <h3></h3>
            <p style="background-color: white; height: 30px; text-align: center;"><b>公司注册+代理记账</b></p>
            <p>一站式企业服务&numsp;<span id="six">￥6888</span></p>
                </span>
            </div>
            <h1 id="id">关于我们</h1>
            <p id="kkk" style="width: 500px;">从2015年4月起，Ant Design 在蚂蚁金服中后台产品线迅速推广，对接多条业务线，覆盖系统800个以上。定位于中台业务的Ant Design兼顾专业和非专业的设计人员，具有学习成本低、 上手速度快、实现效果好等特点，并且提供从界面设计到前的端开发的全链路生态，可以大大提升设计和开发的效率。</p>
            <a href="" style="border: 1px skyblue solid;">了解更多</a><img id="jjj" src="600.png" alt="" style="width: 300px;">
            <div>
                <div id="lll" style="border: 1px black solid; width: 300px; height: 350px; background-color: white;"></div>
                <h1 id="qqq">团队优势</h1>
                <p id="www">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntullamco laboris nisi ut aliquip ex ea commodo consequatDuis
                    aute irure dolor inreprehenderit in voluptate velit esse illum dolore eu fugiat nulla pariatur. Excepteur sint
                    <img src="600.png" alt="">&nbsp;&nbsp;<img src="600.png" alt="">&nbsp;&nbsp;<img src="600.png" alt="">&nbsp;&nbsp;<img src="600.png" alt=""><br>
                    <a href="">工商团队</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">会计团队</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">审计团队</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="">审计团队</a>
                </p>
            </div>
            <div style="background-color: rgb(33, 32, 30);">
                <h1>常见问题</h1>
                <p style="color: skyblue;text-indent: 24px;">
                    常见问题怎么收费？
                    <img class="rrr" src="700.png " alt=" "></p>
                <hr>
                <p>从2015年4月初，Ant DESign在蚂蚁金服中后台产品线迅速推广,对接多条业务线,覆盖系统800个以上。定位于中台业务的Ant Design兼顾专业和非专业的设计人员，具有学习成本低、上手速度快、实现效果好等特点，并提供从界面设计到前端开发的全链路生态，可以大大提高设计和开发的效率。
                </p>
                <br>
                <br>
                <p style="color: skyblue;text-indent: 24px; ">代理记账怎么收费？<img class="rrr" src="800.png " alt=" "></p>
                <br>
                <p style="color: skyblue;text-indent: 24px; ">代理记账怎么收费？<img class="rrr" src="800.png " alt=" ">
                </p>
                <br>
                <p style="color: skyblue;text-indent: 24px; ">代理记账怎么收费？<img class="rrr" src="800.png " alt=" "></p>
                <br>
                <p style="color: skyblue;text-indent: 24px; ">代理记账怎么收费？<img class="rrr" src="800.png " alt=" ">
                </p>
            </div>
            <div id="ttt" style="background-color: rgb(236, 236, 236);">
                <h2 style="text-align: center; color: rgb(33, 32, 31); ">合作客户</h2>
                <br>
                <img id="thirteen" src="900.png " alt=" ">
            </div>
        </div>
        <div class="acd">
            <div id="fourteen">
                <ul id="two">
                    <li><img src="005.png " alt=" "> 预约咨询服务&nbsp;|</li>
                    <li><img src="005.png " alt=" "> 预约咨询服务&nbsp;|</li>
                    <li><img src="005.png " alt=" "> 预约咨询服务&nbsp;|</li>
                    <li><img src="005.png " alt=" "> 预约咨询服务&nbsp;|</li>
                    <li><img src="005.png " alt=" "> 预约咨询服务</li>
                </ul>
                <img id="aaa" src="300.png " alt=" ">
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>订单操作</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>订单操作</dd>
                </dl>
                <img id="dome" src="400.png " alt=" ">
                <dl id="sss">
                    <dt>客服在线时间</dt>
                    <dd>周一至周五: 09:00-20:00
                        <br>周六、周日: 10:00-18:00</dd>
                </dl>
                <img id="dome" src="400.png " alt=" ">
                <dl id="abc">
                    <dt>400-6858-108</dt>
                    <dd style="border: white 1px solid; ">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=" " style="color: white; ">人工客服</a>
                    </dd>
                </dl>

            </div>
        </div>
    </div>


</body>

</html>